@charset "utf-8";
/* CSS Document */
*,*:after,*:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*::after,*::before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font:normal 14px Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif;}
body{width:100%;min-width:320px;color:#333;line-height:1.5;background-color:#fff;overflow-x: hidden;}
ul,li{list-style:none;list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#004d99;}
img{vertical-align:middle;border:none;}
form,input,textarea{outline:none;resize:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}
.w1920{width: 100%;max-width:1920px;margin: 0 auto;position: relative;}
.w1280,
.w1440{width: 96%;margin: 0 auto;position: relative;z-index: 2;}
.w1280{max-width: 1280px;}
.w1440{max-width: 1440px;}
.w90{width: 92%;margin: 0 auto;position: relative;z-index: 2;}
.clear{width:100%;height:0;overflow:hidden;clear:both;}
.hidden{overflow: hidden!important;}
.visible{overflow: visible!important;}
.none{display:none!important;}
.block{display:block!important;}
.inline{display:inline!important;}
.iblock{display:inline-block!important;}
.dir{background: rgba(0,0,0,.8);}
#ZoomBox{background:#fff;left: 50%!important;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.atm3{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.atm5{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.atm8{-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;transition: .8s;}
.atm-img{width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;display: block;}
.atm-img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
*:hover > * > .atm-img,
*:hover > .atm-img{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}

@font-face {
    font-family: 'impact';
    src: url('impact.ttf') format('truetype');
}
.impact{
font-family: "impact" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width:1440px){
.w90{width: 94%;}
}
@media only screen and (max-width:1200px){
.w90{width: 96%;}
}

/* nav */
.nav-fixed .cutbox{min-width:320px!important;position: fixed!important;box-shadow: 0 3px 6px rgba(128,128,128,.2);top:0;left:0;}

/* navico */
.navico{width:60px;height:60px;position: absolute;top: 0;right: -5px;z-index: 6;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,
.navico span::before,
.navico span::after{width:26px;height:3px;position:absolute;background:#004d99;display:block;border-radius:1.5px;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,
.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media only screen and (min-width:1025px){
.navico{display: none;}
}
@media only screen and (max-width:768px){
.navico{width:50px;height:50px;right: 0;}
}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;}
.bannerpic{width: 100%;height: 0;padding-bottom: 500px;position: relative;z-index: 1;}

/* bannerpic */
#bannerpic ul{width: 100%;height: 100%;position: absolute;display: flex;flex-wrap: nowrap;}
#bannerpic ul li{width:100%;height: 100%;float: left;flex-shrink: 0;position: relative;text-align: center;overflow: hidden;}
#bannerpic ul li a{width: 100%;height: 100%;float: left;position: relative;}
#bannerpic ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
#bannerpic .btn{width: 100%;text-align: center;position: absolute;bottom: 10px;height: 36px;z-index: 3;}
#bannerpic .btn span{height: 100%;display:inline-block;margin: 0 5px;background: #aaa;border: 3px solid #fff;cursor:pointer;box-shadow: 0 2px 5px rgba(128,128,128,.2);position: relative;overflow: hidden;}
#bannerpic .btn span::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#bannerpic .btn span img{height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#bannerpic .btn span.on{border-color: #7fd4ff;}

/* shutter */
#shutter{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#shutter ul{width: 100%;height: 100%;position: relative;z-index: 1;}
#shutter ul li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#shutter ul li span,
#shutter ul li a{width: 100%;height: 100%;position: absolute;float: left;left: 0;top: 0;overflow: hidden;}
#shutter ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
#shutter ul li .created{overflow: hidden;position: absolute;z-index: 20;}
#shutter .btn p{position: absolute;z-index: 2;top: 50%;width: 50px;margin-top: -50px;cursor: pointer;background: rgba(0,0,0,.1);font-size: 35px;text-align: center;color: rgba(255,255,255,.75);line-height: 50px;padding: 25px 0;border-radius: 3px;opacity: 0;}
#shutter .btn svg{height: 50px;}
#shutter .btn p.prev{left: 1%;}
#shutter .btn p.next{right: 1%;}
#shutter .desc{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 36px;background: rgba(0,0,0,.3);}
#shutter .desc p{padding-left: 20px;line-height: 36px;color: #fff;font-size: 14px;}
#shutter:hover p{opacity: 1;}
#shutter .btn p:hover{background: rgba(0,90,180,.7);}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:35%;}
}
@media only screen and (max-width:1250px){
#bannerpic .btn{height: 30px;}
#shutter .btn p{width: 40px;margin-top: -40px;font-size: 24px;padding: 15px 0;font-weight: 600;}
}
@media only screen and (max-width:1024px){
#shutter .btn p{opacity: 1;}
}
@media only screen and (max-width:768px){
#bannerpic .btn{bottom: 10px;height: 16px;}
#bannerpic .btn span{border-width: 3px;border-radius: 50px;width: 16px;margin: 0 10px;}
#bannerpic .btn span img{display: none;}
#bannerpic .btn span.on{border-color: #fff;background: #f2a301;}
#shutter .btn p{width: 30px;margin-top: -30px;font-size: 18px;padding: 0;}
}
@media only screen and (max-width:425px){
#bannerpic .btn{height: 12px;}
#bannerpic .btn span{border-width: 2px;width: 12px;margin: 0 6px;}
}

/*position*/
.container .position{width: 100%;max-width: 1600px;margin: 0 auto 20px;position: relative;background: url(../nyimages/icon2.png) bottom repeat-x;font-size: 15px;}
.container .position::after{content: "";width: 100%;height: 1px;overflow: hidden;background: #ddd;position: absolute;left: 0;bottom: 0;z-index: 1;}
.container .position p{padding-left:40px;overflow:hidden;background:url(../nyimages/sy.png) 5px top no-repeat;padding:3px 5px 14px 45px;border-bottom: 1px solid #0059b3;float: left;position: relative;z-index: 2;}
.container .position p span{color: #0059b3;}

/*page*/
.page{width:100%;padding:20px 0;text-align:center;overflow:hidden;color: #666;}
.page a{border:1px solid #ccc;padding:1px 5px;color:#666;background:#FeFeFe;margin:2px;}
.page .pselectjump{border:1px solid #ccc;}
.page .pcurrent a,
.page a:hover{border:1px solid #0059b3;color:#0059b3;}
.page .pmsg{color: #999;}

/*goback & next*/
.container .goback{width:100%;text-align:center;height:50px;line-height:40px;color:#787878;background:#f0f2f4;padding: 5px;}
.container .next{width:100%;color:#787878;padding:20px 0 5px;text-align:center;overflow: hidden;}
.container .next p{width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;padding:5px 15px;}

/*jqueryzoom*/
.bigPic{position: relative;padding: 0;}
.zoomdiv{z-index: 100;position: absolute;top: 1px;left: 0px;width: 400px;height: 400px;background: #fff;border: 1px solid #e4e4e4;display: none;text-align: center;overflow: hidden;}
.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50%;height: 50%;border: 1px solid #FEDE4F;background: #FEDE4F;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);cursor: move;}

/*foot-button*/
.foot-button{display:none;width:100%;background:#fafafa;border-top:.5px solid #e6e6e6;overflow:hidden;position:fixed;left:0;bottom:0;z-index:999999;}
.foot-button p{width:100%;text-align:center;padding:5px;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:center;}
.foot-button a{display:block;width:100%;float:left;flex-shrink:1;border-left:.5px solid #e6e6e6;padding-top:25px;position:relative;overflow:hidden;color:#666;}
.foot-button a:first-child{border:none;}
.foot-button em,
.foot-button i{display:block;width:100%;position:absolute;left:0;top:0;font-size:24px;line-height:1;height:25px;color:#0059b3;}
.foot-button i,
.foot-button a:hover em,
.foot-button a.active em{opacity: 0;}
.foot-button span{display:block;width:100%;font-size:12px;line-height:1.5;height:15px;}
.foot-button a:hover span,
.foot-button a.active span{color:#0059b3;}
.foot-button a:hover i,
.foot-button a.active i{opacity: 1;}

/* banner */
.bannerpic ul li.active{-webkit-animation: Zoom 3s ease-out;-moz-animation: Zoom 3s ease-out;-ms-animation: Zoom 3s ease-out;-o-animation: Zoom 3s ease;animation: Zoom 3s ease-out;}
@-webkit-keyframes Zoom{
    0%{-webkit-transform: scale(1.2,1.2);opacity: 0;}
    15%{-webkit-transform: scale(1.2,1.2);}
    100%{-webkit-transform: scale(1,1);opacity: 1;}
}
@-moz-keyframes Zoom{
    0%{-moz-transform: scale(1.2,1.2);opacity: 0;}
    15%{-moz-transform: scale(1.2,1.2);}
    100%{-moz-transform: scale(1,1);opacity: 1;}
}
@-ms-keyframes Zoom{
    0%{-ms-transform: scale(1.2,1.2);opacity: 0;}
    15%{-ms-transform: scale(1.2,1.2);}
    100%{-ms-transform: scale(1,1);opacity: 1;}
}
@-o-keyframes Zoom{
    0%{-o-transform: scale(1.2,1.2);opacity: 0;}
    15%{-o-transform: scale(1.2,1.2);}
    100%{-o-transform: scale(1,1);opacity: 1;}
}
@keyframes Zoom{
    0%{transform: scale(1.2,1.2);opacity: 0;}
    15%{transform: scale(1.2,1.2);}
    100%{transform: scale(1,1);opacity: 1;}
}

/*QQ*/
.online_box{position: fixed;right: 4px;bottom: 50%;width: 46px;z-index:999;-webkit-transform: translateY(50%);transform: translateY(50%);box-shadow: 0 2px 10px rgba(128,128,128,.1);}
.online_box.t_right{right: -56px;}
.online_box p{width: 46px;height: 46px;position: relative;border: 1px solid #ccc;background: #fff;margin-bottom: -1px;text-align: center;}
.online_box p svg{height: 44px;line-height: 44px;font-size: 22px;color: #999;position: relative;z-index: 1;cursor: pointer;}
.online_box p img{position: absolute;width: 0;height: 0;top: -1px;right: 50%;opacity: 0;border: 1px solid #ccc;z-index: -1;}
.online_box p a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.online_box p a.qq_m{display:none;}
.online_box p span{display: block;position: absolute;width: 100%;height: 46px;border: 1px solid #ccc;font-size: 18px;color: #666;line-height: 44px;padding: 0 14px;opacity: 0;top: -1px;right: 0;overflow: hidden;background: #fff;z-index: -1;white-space: nowrap;}

.online_box p:hover svg{color: #0059b3;}
.online_box p:hover img{width: 150px;height: 150px;right: 100%;opacity: 1;}
.online_box p:hover span{right: 100%;opacity: 1;width: 170px;}
.online_box p span:hover{color: #0059b3;}

.online_box,
.online_box p,
.online_box p img,
.online_box p span,
.online_box p svg{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}

.online_box p.r_wx svg,
.online_box p.r_addr svg{font-size: 26px;}
.online_box p.r_qq svg{font-size: 24px;}
.online_box p.r_top{height: 0;border-width: 0;overflow: hidden;}
.online_box p.r_top svg{font-size: 20px;}
.online_box p.r_open{position: absolute;top: -35px;width: 26px;height: 26px;left: -50px;border-radius: 50%;}
.online_box p.r_open svg{height: 24px;line-height: 24px;font-size: 15px;}
.online_box p.r_close{left: 10px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.online_box p.hidd{height: 0;border-width: 0;}
.online_box p.show{height: 46px;border-width: 1px;}

@media only screen and (max-width:1024px){
.online_box p a.qq_pc{display:none;}
.online_box p.r_open,
.online_box p a.qq_m{display: block;}
}
@media only screen and (max-width:475px){
.container .position{font-size: 14px;}
.container .next p{width:100%;text-align: left;}
}